<script lang="ts">
export default {
  name: "xt-menu",
};
</script>

<script setup lang="ts">
import { ElMenu } from "element-plus";
import MenuItems from "./components/menu-items.vue";
import Typings from "../../../typings";

interface Props extends /* @vue-ignore */ Typings.Menu.props {
  menuList: Typings.Menu.item[];
}

withDefaults(defineProps<Props>(), {
  menuList: () => [],
  uniqueOpened: true,
});
</script>

<template>
  <el-menu class="xt-menu h-full w-200 select-none" router unique-opened>
    <MenuItems :menuList="menuList" />
  </el-menu>
</template>

<style lang="scss">
@use "../../../scss/xt-menu.scss";
</style>
